const path = require('path')
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        // 存放less变量文件的路径
        path.resolve(__dirname, './src/assets/styles/mixins.less'),
        path.resolve(__dirname, './src/assets/styles/variables.less')
      ]
    }
  },
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          modifyVars: {
            'primary-color': '#ec6800'
          },
          javascriptEnabled: true
        }
      }
    }
  },
  // 由于qq登录域名跳转到注册的域名,不能访问本地地址,通过配置让本地每次访问 www.corho.com的时候实际上访问的是127.0.0.1(前提是项目端口是8080)
  // 这个是给webpack-dev-server开启可IP和域名访问权限。开启域名访问
  // disableHostCheck已经过期,新的版本中去掉了disableHostCheck这个配置,使用allowedHosts: 'all'代替
  // chainWebpack: config => {
  //   config.devServer.disableHostCheck已经过期(true)
  // },
  devServer: { allowedHosts: 'all' },
  // # 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包。这个js是再html引入的
  configureWebpack: {
    externals: {
      qc: 'QC'
    }
  }
}
